import Vue from 'vue'
import App from './App.vue'

// 引入重置样式文件
import '@/styles/reset.less'

// 引入路由模块
import router from '@/router/index.js'

import { Toast, Uploader, Dialog, Field, Picker, Icon, Tab, Tabs, ActionSheet, List, PullRefresh, Search } from 'vant';
// use之后就会在全局的vue实例上挂载一个$toast
Vue.use(Toast)
  .use(Uploader)
  .use(Dialog)
  .use(Field)
  .use(Picker)
  .use(Icon)
  .use(Tab)
  .use(Tabs)
  .use(ActionSheet)
  .use(List)
  .use(PullRefresh)
  .use(Search)

// 设置当前的环境为开发环境
Vue.config.productionTip = false


// Vue实例才是vm,它才可以进行渲染操作
new Vue({
  router,
  // render可以实现渲染
  // 它是一个函数，这个函数有一个参数h,这个h才是真正进行渲染功能的函数
  // 给h传入一个需要渲染的根组件，它可以解析出当前的组件内容
  render: h => h(App),
}).$mount('#app') // $mount是将渲染的结构填充到指定的位置
